<script setup>
import { useUser } from '@/stores';
import Item from './Item.vue';
import {ref} from 'vue'
let user = useUser();
let shou = ref('');
let shan = ref('');
</script>
<template>
    <div class="page">
        <Item class="box" v-for="x in user.cun" :list="x.list" :title="x.title" v-model:shou="shou" v-model:shan="shan"></Item>
    </div>
</template>
<style scoped>
.page{
    width: 375px;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin:0 auto;
    box-shadow:  -2px 2px 10px #ccc;
    gap: 5px;
    overflow: hidden;
}
.box{
    width:185px;
    height: 240px;
    text-align: center;
    
}
</style>